<div class="accountinformation">
    <!-- html -->
    <div class="personal-wrapper container mt-4 mb-4">
        <div class="container ">
            <div class="row">
                <div class="col-3">
                    <ul class="left-content">
                        <li><a href="#one">投资项</a>
                        </li>
                        <li><a href="#two">借款项目</a> </li>
                        <ul class="subnav">
                            <li><a href="#Loanproject">借款项目</a></li>
                            <li><a href="#">还款明细</a></li>
                        </ul>

                        <li> <a href="#three">我的账户 </a> </li>
                        <ul class="subnav">
                            <li><a href="#accountinformation">账户信息</a></li>
                            <li><a href="#">实名认证</a></li>
                            <li><a href="#BankCardManagement">银行卡管理</a></li>
                            <li><a href="#">登录记录</a></li>
                        </ul>

                        <li><a href="#four">资产详情</a> </li>
                        <ul class="subnav">
                            <li><a href="#">账户流水</a></li>
                            <li><a href="#rechargeRecord">充值记录</a></li>
                            <li><a href="#">提现记录</a></li>
                            <li><a href="#">收款明细</a></li>
                        </ul>

                        <li><a href="#four">个人资料</a>
                        </li>
                    </ul>
                </div>
                <div class="col-8 right-content ">
                    <div class="nickname row typearea">
                        <div class="col-sm-3 headportrait">
                            <img src="../../images/head_icon.jpg" alt="">
                        </div>
                        <div class="col-sm-9">
                            <div class="Userprofiles">
                                <h5 class="card-title">昵称：<span id="nickname"></span></h5>
                                <h6 class="card-subtitle mb-2 text-muted">用户名：<span id="username"></span></h6>
                                <div class="card-text">最后登录时间：<span id="lastlogintime"></span></div>
                            </div>
                        </div>
                    </div>
                    <div class="typearea">
                        <div class="row">
                            <div class="col-4">总金额：<span id="totalmoney"></span></div>
                            <div class="col-4">可用金额：<span id="usablemoney"></span></div>
                            <div class="col-4">冻结金额： <span id="blockedmoney"></span></div>
                        </div>
                        <div class="btnaccount">
                            <button type="button" class="btn btn-primary">
                                <a href="../accountrecharge.html">账户充值</a>
                            </button>
                            <a href="../../Accountwithdrawal.html">
                                <button type="button" class="btn btn-danger">账户提现</button>
                            </a>
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editModel">
                                修改账户信息
                            </button>
                        </div>
                    </div>
                    <!-- 账户信息模态框 -->
                    <!-- Modal -->
                    <div class="modal fade" id="editModel" tabindex="-1" role="dialog"
                        aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">修改信息</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <!-- 模态框内容 -->
                                    <p>昵称： <input type="text" class="form-control" id="edit-nickname"></p>
                                    <p>邮箱： <input type="text" class="form-control" id="edit-email"></p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                                    <button type="button" id="saveEdit" class="btn btn-primary">确定修改</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="typearea authentication">
                        <div class="row">
                            <div class="col-sm">
                                <div class="authenticationautonym realname">
                                    <div>实名认证</div>
                                    <div>未认证<a href="#" class="examine">马上认证</a></div>
                                </div>
                                <div>实名认证之后才能在平台投资</div>
                            </div>
                            <div class="col-sm">
                                <div class="authenticationautonym mobilephone ">
                                    <div>手机认证</div>
                                    <div>已认证<a href="#" class="examine">查看</a></div>
                                </div>
                                <div>可以收到系统操作信息,并增加使用安全性</div>
                            </div>
                            <div class="col-sm">
                                <div class="authenticationautonym mailbox">
                                    <div>邮箱认证</div>
                                    <div>已认证<a href="#" class="examine">查看</a></div>
                                </div>
                                <div>您可以设置邮箱来接收重要信息</div>
                            </div>

                        </div>
                        <div class="col-4">
                            <div class="authenticationautonym membe">
                                <div>VIP会员</div>
                                <div>普通用户<a href="#" class="examine">查看</a></div>
                            </div>
                            <div>VIP会员，让你更快捷的投资</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 个性css -->
<link rel="stylesheet" href="../dist/css/accountinformation.min.css">

<!-- sj -->
<script src="../../js/accountinformation.js"></script>